
<!-- 广告落地页 -->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="../../css/public.css">
<link rel="stylesheet" href="../../font/iconfont.css">
<link rel="stylesheet" href="../../lib/bootstrap-3.4.1-dist/css/bootstrap.min.css">
<script src="../../lib/jquery/jquery-3.6.0.js"></script>
<script src="../../lib/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>

<style>
    *{
        margin: 0;
        padding: 0;
    }
    .clear::after{
        content: "";
        display: block;
        clear: both;
    }
    .left{
        float: left;
    }
    .right{
        float: right;
    }

    #content{
        background-color: #eeeeee;
        padding: 10px 20px 20px 20px;
        width: 1670px;
    }
    #nav{
        background-color: white;
        height: 80px;
        line-height: 80px;
        margin-bottom: 10px;
        padding-left: 2.5%;
    }
    #shuju{
        background-color: white;
        padding: 0 2% 20px 2%;
    }

</style>
</head>

<body>
   <div id="content" class="container">
        <div id="nav">
            <div>
                <span>上线状态</span>
                <select name="" id="" class="">
                    <option value="">请选择上线状态</option>
                    <option value="">已上线</option>
                    <option value="">未上线</option>
                </select>
            </div>
            <div>
                <span>创建时间</span>
                <input type="text" placeholder="开始日期">
            </div>
            <div>
                <span>商品名称</span>
                <input type="text" placeholder="商品名称或ID">
            </div>
            <div>
                <span>落地页</span>
                <input type="text" placeholder="落地页或ID">
            </div>
            <div>
                <button><span class="iconfont icon-sousuo"></span><span>搜索</span></button>
                <button><span class="iconfont icon-zhongzhizhongzhi"></span><span>重置</span></button>
            </div>
        </div>

        <div id="shuju">
            <div id="caozuo" class="clear">
                <span class="iconfont icon-shujukuliebiao"></span>
                <span>数据列表</span>
                <button>
                    <span class="iconfont icon-shanchu"></span>
                    <span>删除</span>
                </button>
                <div class="right">
                    <button>
                        <span>+</span>
                        <span>新增</span>
                    </button>
                </div>
            </div>

            <table id="GGluoDi">
                <thead>
                    <th><input type="checkbox" class="box-checkbox"></th><!--1-->
                    <th>落地页名称/ID</th>
                    <th>商品信息</th><!--3-->
                    <th>商品类目</th>
                    <th>浏览量</th><!--5-->
                    <th>销量</th>
                    <th>创建时间</th><!--7-->
                    <th>上线状态</th>
                    <th>操作</th>
                </thead>
                <tbody>
                    
                </tbody>
            </table>

            <div id="fenye" class="clear">
                <div class="left">
                    <input type="checkbox" class="box-checkbox">
                </div>
                <div class="left">
                    <span>全选</span>
                </div>
                <div class="right">
                    <span>10条/页</span>
                    <span class="iconfont icon-arrow-down"></span>
                </div>
                <div class="right">
                    <span class="iconfont icon-youjiantou"></span>
                </div>
                <div class="right">
                    <span>50</span>
                </div>
                <div class="right">
                    <span>...</span>
                </div>
                <div class="right">
                    <span>5</span>
                </div>
                <div class="right">
                    <span>4</span>
                </div>
                <div class="right">
                    <span>3</span>
                </div>
                <div class="right">
                    <span>2</span>
                </div>
                <div class="right">
                    <span>1</span>
                </div>
                <div class="right">
                    <span class="iconfont icon-zuojiantou"></span>
                </div>
            </div>
        </div>

   </div>
</body>

<script>
    //搜索栏
    $('#nav div').css({"float":"left"});
    $('#nav div:not(:nth-child(5))').css({"width":"21%"});
    $('#nav div:nth-child(5)').css({"width":"16%","height":"80px","padding":"0 0","display":"flex","align-items":"center"});
    $('#nav div>span').css({"margin-right":"5px"});
    $('#nav div select').css({"width":"70%","height":"40px","border": "1px solid rgb(158, 157, 157)"});
    $('#nav div input[type=text]').css({"width":"70%","height":"40px","border": "1px solid rgb(158, 157, 157)"});
    $('#nav div button').css({"width":"35%","height":"40px","line-height":"40px","background-color":"white","border-radius":"5px","border": "1px solid rgb(158, 157, 157)"});
    $('#nav div button span').css({"color":"grey"});
    $('#nav div button:first-child').css({"background-color":"#0099ff","margin":"0 10% 0 7%"});
    $('#nav div button:first-child span').css({"color":"white"});
    $('#nav div button:first-child').mouseover(function(){
        $('#nav div button:first-child').css({"background-color":"#40b3ff"})
    })
    $('#nav div button:first-child').mouseout(function(){
        $('#nav div button:first-child').css({"background-color":"#0099ff"})
    })
    $('#nav div button:nth-child(2)').mouseover(function(){
        $('#nav div button:nth-child(2)').css({"background-color":"#40b3ff"})
        $('#nav div button:nth-child(2) span').css({"color":"white"})
    })
    $('#nav div button:nth-child(2)').mouseout(function(){
        $('#nav div button:nth-child(2)').css({"background-color":"white"})
        $('#nav div button:nth-child(2) span').css({"color":"grey"})
    })

    //数据栏
    $('#caozuo').css({"height":"70px","line-height":"70px"});
    $('#caozuo>span:first-child').css({"color":"grey","font-size":"15px","font-weight":"bold"});
    $('#caozuo>span:nth-child(2)').css({"font-size":"16px","font-weight":"400","margin":"0 2% 0 3px"});
    $('#caozuo button').css({"height":"35px","line-height":"35px","background-color":"white","border-radius":"3px"});
    //删除按钮样式
    $('#caozuo>button').css({"width":"5%","border":"1px solid rgb(158, 157, 157)"});
    $('#caozuo>button span:first-child').css({"color":"grey","font-size":"13px"})
    //删除按钮鼠标移入移出样式
    $('#caozuo>button').mouseover(function(){
        $('#caozuo>button').css({"background-color":"#0099ff"});
        $('#caozuo>button>span').css({"color":"white"})
    })
    $('#caozuo>button').mouseout(function(){
        $('#caozuo>button').css({"background-color":"white"});
        $('#caozuo>button>span:first-child').css({"color":"grey"});
        $('#caozuo>button>span:nth-child(2)').css({"color":"black"});
    })
    //新增按钮样式
    $('#caozuo div').css({"width":"5%","height":"70px","display":"flex","align-items":"center"});
    $('#caozuo div button').css({
        "width":"100%","border":"1px solid #40b2ff","background-color":"#40b3ff13",
        "display":"flex","align-items":"center","justify-content":"center"
    });
    $('#caozuo div button span').css({"color":"#40b2ff"});
    $('#caozuo div button span:first-child').css({"font-size":"24px","margin-right":"3px"});
    //新增按钮鼠标移入移出样式
    $('#caozuo div button').mouseover(function(){
        $('#caozuo div button').css({"background-color":"#0099ff"});
        $('#caozuo div button span').css({"color":"white"});
    })
    $('#caozuo div button').mouseout(function(){
        $('#caozuo div button').css({"background-color":"#40b3ff13"});
        $('#caozuo div button span').css({"color":"#40b2ff"});
    })

    //数据渲染
   let alldate=[
        {name1:'落地页名称1v',name2:'1落地页ID', xinxi1:'这里是商品名称v',xinxi2:'商品规格 颜色 尺寸 款式',leimu:'一级分类/二级分类/三级分类',liulan:'10000',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称2v',name2:'2落地页ID', xinxi1:'叫花鸡的怒吼和v',xinxi2:'大叫花鸡 绿色 9寸 绿帽款',leimu:'一级分类               ',liulan:'20000',xiaoliang:'400',time:'2021-1-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称3v',name2:'3落地页ID', xinxi1:'叫花鸡的怒吼和v',xinxi2:'小叫花鸡 红色 12寸 经典款',leimu:'        二级分类        ',liulan:'30000',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称4v',name2:'4落地页ID', xinxi1:'画虎花花草草绿v',xinxi2:'12号电池 红色 3寸 新款', leimu:'            三级分类    ',liulan:'40000',xiaoliang:'690',time:'2019-10-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称5v',name2:'5落地页ID', xinxi1:'画虎花花草草绿v',xinxi2:'12号电池 黄色 4寸 新款',leimu:'              三级分类'  ,liulan:'50000',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称6v',name2:'6落地页ID', xinxi1:'饺子的怒火开盘v',xinxi2:'15号衣物 蓝色 9寸 旧式',leimu:'       二级分类         ',liulan:'10000',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称7v',name2:'7落地页ID', xinxi1:'叫花鸡的怒吼和v',xinxi2:'大叫花鸡 绿色 9寸 绿帽款',leimu:'一级分类               ',liulan:'20000',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称8v',name2:'8落地页ID', xinxi1:'叫花鸡的怒吼和v',xinxi2:'小叫花鸡 黄色 12寸 经典款',leimu:'        二级分类        ',liulan:'37000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称9v',name2:'9落地页ID', xinxi1:'画虎花花草草绿v',xinxi2:'12号电池 蓝色 3寸 新款',leimu:'               三级分类' ,liulan:'40090',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称10',name2:'v10落地页ID',xinxi1:'熊猫和狗草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'               三级分类',liulan:'54500',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称11',name2:'v11落地页ID',xinxi1:'这里是 母鸡打鸣',xinxi2:'v商品规格 颜色 尺寸 款式',leimu:'  二级分类/三级分类'     ,liulan:'10600',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称12',name2:'v12落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类           '   ,liulan:'23000',xiaoliang:'400',time:'2021-12-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称13',name2:'v13落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类    '   ,liulan:'45000',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称14',name2:'v14落地页ID',xinxi1:'小熊的家草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'           三级分类'     ,liulan:'68000',xiaoliang:'690',time:'2019-1-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称15',name2:'v15落地页ID',xinxi1:'小狗花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'         三级分类'       ,liulan:'97000',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称16',name2:'v16落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类   '      ,liulan:'10000',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称17',name2:'v17落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类          '     ,liulan:'27000',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称18',name2:'v18落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类   '     ,liulan:'33000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称19',name2:'v19落地页ID',xinxi1:'葱花花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'        三级分类'         ,liulan:'40000',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称20',name2:'v20落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'               三级分类'  ,liulan:'50000',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称21',name2:'v21落地页ID',xinxi1:'公鸡不打鸣对了',xinxi2:'v奇葩商品 颜色 尺寸 款式',leimu:'一级分类/三级分类        ',liulan:'10000',xiaoliang:'300',time:'2021-2-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称22',name2:'v22落地页ID',xinxi1:'小公鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽款',leimu:'一级分类               ',liulan:'21000',xiaoliang:'400',time:'2021-11-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称23',name2:'v23落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类        ',liulan:'30900',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称24',name2:'v24落地页ID',xinxi1:'人面手心草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'                三级分类' ,liulan:'40560',xiaoliang:'690',time:'2019-10-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称25',name2:'v25落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'                三级分类' ,liulan:'52300',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称26',name2:'v26落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类        '  ,liulan:'12300',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称27',name2:'v27落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽款',leimu:'一级分类               ',liulan:'25600',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称28',name2:'v28落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类        ',liulan:'30000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称29',name2:'v29落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'                 三级分类',liulan:'40050',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称30',name2:'v30落地页ID',xinxi1:'警察抓小偷草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'               三级分类  ',liulan:'50000',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称31',name2:'v31落地页ID',xinxi1:'这里是商品名称',xinxi2:'v商品规格 颜色 尺寸 款式',leimu:'一级分类/二级分类'        ,liulan:'10000',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称32',name2:'v32落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类               ',liulan:'20000',xiaoliang:'400',time:'2021-4-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称33',name2:'v33落地页ID',xinxi1:'叫的狗不咬人和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类        ',liulan:'30000',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称34',name2:'v34落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'                 三级分类',liulan:'40000',xiaoliang:'690',time:'2019-10-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称35',name2:'v35落地页ID',xinxi1:'不叫的狗咬人绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'                 三级分类',liulan:'50000',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称36',name2:'v36落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类         ',liulan:'10000',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称37',name2:'v37落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类               ',liulan:'20000',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称38',name2:'v38落地页ID',xinxi1:'咬人的狗不叫和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类     '   ,liulan:'37000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称39',name2:'v39落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'    三级分类'             ,liulan:'40090',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称40',name2:'v40落地页ID',xinxi1:'青蛙吃葱草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'               三级分类'  ,liulan:'54500',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称41',name2:'v41落地页ID',xinxi1:'这里是母鸡打鸣',xinxi2:'v商品规格 颜色 尺寸 款式',leimu:'       二级分类/三级分类',liulan:'10600',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称42',name2:'v42落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类               ',liulan:'23000',xiaoliang:'400',time:'2021-3-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称43',name2:'v43落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类        ',liulan:'45000',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称44',name2:'v44落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'                 三级分类',liulan:'68000',xiaoliang:'690',time:'2019-1-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称45',name2:'v45落地页ID',xinxi1:'小狗花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'                 三级分类',liulan:'97000',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称46',name2:'v46落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类         ',liulan:'10000',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称47',name2:'v47落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类               ',liulan:'27000',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称48',name2:'v48落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类        ',liulan:'33000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称49',name2:'v49落地页ID',xinxi1:'葱花花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'                 三级分类',liulan:'40000',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称50',name2:'v50落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'               三级分类'  ,liulan:'50000',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称51',name2:'v51落地页ID',xinxi1:'公鸡不打鸣v15' ,xinxi2:'号衣物商品 颜色 尺寸 款式',leimu:'一级分类/三级分类      '  ,liulan:'10000',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称52',name2:'v52落地页ID',xinxi1:'小公鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类               ',liulan:'21000',xiaoliang:'400',time:'2021-12-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称53',name2:'v53落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类        ',liulan:'30900',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称54',name2:'v54落地页ID',xinxi1:'人面手心草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'        三级分类'         ,liulan:'40560',xiaoliang:'690',time:'2019-10-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称55',name2:'v55落地页ID',xinxi1:'有人吃青蛙草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'        三级分类'         ,liulan:'52300',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称56',name2:'v56落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类     '     ,liulan:'12300',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称57',name2:'v57落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类          '     ,liulan:'25600',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称58',name2:'v58落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类   '     ,liulan:'30000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称59',name2:'v59落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'            三级分类'     ,liulan:'40050',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称60',name2:'v60落地页ID',xinxi1:'青蛙吃葱草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'            三级分类'     , liulan:'54500',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称61',name2:'v61落地页ID',xinxi1:'这里是母鸡打鸣',xinxi2:'v商品规格 颜色 尺寸 款式',leimu:'   二级分类/三级分类'     ,liulan:'10600',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称62',name2:'v62落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类          '      ,liulan:'23000',xiaoliang:'400',time:'2021-3-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称63',name2:'v63落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类   '      ,liulan:'45000',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称64',name2:'v64落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'            三级分类'      ,liulan:'68000',xiaoliang:'690',time:'2019-1-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称65',name2:'v65落地页ID',xinxi1:'小狗花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'            三级分类'      ,liulan:'97000',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称66',name2:'v66落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类     '      ,liulan:'10000',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称67',name2:'v67落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类          '      ,liulan:'27000',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称68',name2:'v68落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类        ',liulan:'33000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称69',name2:'v69落地页ID',xinxi1:'葱花花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'              三级分类'   ,liulan:'40000',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称70',name2:'v70落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'               三级分类' ,liulan:'50000',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称71',name2:'v71落地页ID',xinxi1:'公鸡不打鸣v商' ,xinxi2:'品规格 颜色 尺寸 款式'  ,leimu:'一级分类/三级分类      '  ,liulan:'10000',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称72',name2:'v72落地页ID',xinxi1:'小公鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类            '   ,liulan:'21000',xiaoliang:'400',time:'2021-12-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称73',name2:'v73落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类     '   ,liulan:'30900',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称74',name2:'v74落地页ID',xinxi1:'人面手心草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'      三级分类'           ,liulan:'40560',xiaoliang:'690',time:'2019-10-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称75',name2:'v75落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'           三级分类'      ,liulan:'52300',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称76',name2:'v76落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类         ',liulan:'12300',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称77',name2:'v77落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类               ',liulan:'25600',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称78',name2:'v78落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类        ',liulan:'30000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称79',name2:'v79落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'                 三级分类',liulan:'40050',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称80',name2:'v80落地页ID',xinxi1:'警察抓小偷草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'               三级分类  ',liulan:'50000',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称81',name2:'v81落地页ID',xinxi1:'这里是母鸡打鸣',xinxi2:'v商品规格 颜色 尺寸 款式',leimu:'       二级分类/三级分类',liulan:'10600',xiaoliang:'300',time:'2021-12-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称82',name2:'v82落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类               ',liulan:'23000',xiaoliang:'400',time:'2021-12-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称83',name2:'v83落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类        ',liulan:'45000',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称84',name2:'v84落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'           三级分类'      ,liulan:'68000',xiaoliang:'690',time:'2019-1-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称85',name2:'v85落地页ID',xinxi1:'小狗花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'           三级分类'      ,liulan:'97000',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称86',name2:'v86落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类      '     ,liulan:'10000',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称87',name2:'v87落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类            '    ,liulan:'27000',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称88',name2:'v88落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类     '    ,liulan:'33000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称89',name2:'v89落地页ID',xinxi1:'葱花绿意草草绿',xinxi2:'v12号电池 蓝色 3寸 新款',leimu:'           三级分类'       ,liulan:'40000',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称90',name2:'v90落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'         三级分类'         ,liulan:'50000',xiaoliang:'670', time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称91',name2:'v91落地页ID',xinxi1:'公鸡不打鸣的雄',xinxi2:'v23克拉的 颜色 尺寸 款式',leimu:'一级分类/三级分类  '      ,liulan:'10000',xiaoliang:'300',time:'2021-2-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称92',name2:'v92落地页ID',xinxi1:'小公鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类          '      ,liulan:'21000',xiaoliang:'400',time:'2021-11-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称93',name2:'v93落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 红色 12寸 经典',leimu:'        二级分类     '    ,liulan:'30900',xiaoliang:'230',time:'2020-9-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称94',name2:'v94落地页ID',xinxi1:'人面手心草草绿',xinxi2:'v12号电池 红色 3寸 新款',leimu:'           三级分类'      ,liulan:'40560',xiaoliang:'690',time:'2019-10-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称95',name2:'v95落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 黄色 4寸 新款',leimu:'           三级分类'      ,liulan:'52300',xiaoliang:'670',time:'2018-8-22 19:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称96',name2:'v96落地页ID',xinxi1:'饺子的怒火开盘',xinxi2:'v15号衣物 蓝色 9寸 旧式',leimu:'       二级分类       '  ,liulan:'12300',xiaoliang:'300',time:'2021-7-22 14:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称97',name2:'v97落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v大叫花鸡 绿色 9寸 绿帽',leimu:'一级分类             '  ,liulan:'25600',xiaoliang:'400',time:'2021-7-12 13:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称98',name2:'v98落地页ID',xinxi1:'叫花鸡的怒吼和',xinxi2:'v小叫花鸡 黄色 12寸 经典',leimu:'        二级分类      '  ,liulan:'30000',xiaoliang:'230',time:'2020-5-22 20:36:31',shangxianZhuangtai:'已上线'},
        {name1:'落地页名称99',name2:'v99落地页ID',xinxi1:'画虎花花草草绿',xinxi2:'v12号电池 蓝色 3寸 新款 ',leimu:'            三级分类'     ,liulan:'40050',xiaoliang:'690',time:'2019-4-22 19:36:31',shangxianZhuangtai:'未上线'},
        {name1:'落地页名称100',name2:'v100落地页ID',xinxi1:'警察抓小偷v' ,xinxi2:'12号电池 黄色 4寸 新款', leimu:'            三级分类'    ,liulan:'50000',xiaoliang:'670',time:'2018-6-22 19:36:31',shangxianZhuangtai:'已上线'},
        
    ] 
    
    let page=10
    //表头样式
    $('#GGluoDi input[type=checkbox]').css({"transform": "translateX(120%)"});
    $('#GGluoDi thead').css({"height":"50px","background-color":"#f2f2f2","color":"grey","font-size":"15px","font-weight":"550"});
    $('#GGluoDi th:first-child').css({"width":"5%"});
    $('#GGluoDi th:nth-child(2)').css({"width":"9%"});
    $('#GGluoDi th:nth-child(3)').css({"width":"16%"});
    $('#GGluoDi th:nth-child(4)').css({"width":"14%"});
    $('#GGluoDi th:nth-child(5)').css({"width":"7%"});
    $('#GGluoDi th:nth-child(6)').css({"width":"5%"});
    $('#GGluoDi th:nth-child(7').css({"width":"8%"});
    $('#GGluoDi th:nth-child(8)').css({"width":"8%"});
    $('#GGluoDi th:nth-child(9)').css({"width":"11%"});
    
    for(let i=0;i<10;i++){
        $('#GGluoDi').find('tbody').append(`
        <tr>
            <td><input type="checkbox" class="box-checkbox"></td>
            <td><p>${alldate[i].name1}</p> <p>${alldate[i].name2}</p></td>
            <td class="clear">
                <img src="../../lib/img/tp.png" alt="" class="left">
                <div class="left"><p>${alldate[i].xinxi1}</p> <p>${alldate[i].xinxi2}</p></div>
            </td>
            <td>${alldate[i].leimu}</td>
            <td>${alldate[i].liulan}</td>
            <td>${alldate[i].xiaoliang}</td>
            <td>${alldate[i].time}</td>
            <td>${alldate[i].shangxianZhuangtai}</td>
            <td><span>删除</span> <span>编辑</span> <span>预览</span> <span>复制</span></td>
        </tr> 
        `);
        //表身样式
        $('#GGluoDi tbody tr').css({"height":"80px"});
        $('#GGluoDi td input[type=checkbox]').css({"transform": "translateY(100%)"});
        $('#GGluoDi td:first-child').css({"display":"flex","justify-content":"center"});
        $('#GGluoDi tbody img').css({"width":"40px","height":"40px"});
        $('#GGluoDi tbody tr:nth-child(even)').css({"background-color":"whitesmoke"});
    }

    //分页
    $('#fenye').css({"margin-top":"20px"});
    $('#fenye div').css({"height":"30px","line-height":"30px","text-align":"center"});
    $('#fenye div:not(:first-child)').css({"margin-left":"6px"});
    $('#fenye div:nth-child(n+4)').css({"width":"30px","background-color":"rgb(230, 230, 230)"});
    $('#fenye div:nth-child(3)').css({"padding":"0 5px 0 5px","background-color":"rgb(230, 230, 230)"});
    
    /*$('#fenye div:nth-child(n+4)').mouseover(function(){
        let element=$('#fenye div:nth-child(n+4)').element(this);
        for(let i=0;i<9;i++){
            let element=$('#fenye div:nth-child(n+4)').eq(i);
            element.css({"background-color":"#0099ff"});
            element.css({"color":"white"});
        }
    })
    $('#fenye div:nth-child(n+4)').mouseout(function(){
        
        element.css({"background-color":"rgb(230, 230, 230)"});
        element.css({"color":"black"});
    })
     */
    $('#fenye div:nth-child(n+4)').eq(0).mouseout(function(){
        
    })
    $('#fenye div:nth-child(n+4)').eq(1).mouseout(function(){
    
    })
    $('#fenye div:nth-child(n+4)').eq(2).mouseout(function(){
    
    })

</script>

</html>